<!DOCTYPE html>
<html lang="zh">
<head>
	<title>电影频道</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="../css/pro1.css">
	<link rel="stylesheet" href="../css/swiper-bundle.min.css">
	<meta name="viewport"
	      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<style type="text/css">
	
	</style>
</head>
<body>
<!-- 1.网页的头部 -->
<div id="header">
	<div class="container">
		<div class="header-left left">
			<div class="left">
				<img src="../image/qy-pop-logo.png">
			</div>
			<div class="header-left1 left">
				<a href="../Home_page.html">爱奇艺</a>
				<span>.</span>
				<a href="Movie_page.html">电影</a>
			</div>
			<div class="header-left2 left">
				<a href="#">电视剧</a>
				<a href="Movie_page.html">电影</a>
				<a href="#">综艺</a>
				<a href="#">全部</a>
			</div>
		</div>
		<div class="header-right right">
			<div class="header-right1 left">
				<a href="#"><img src="../image/2021-06-24_172702.png">热搜榜</a>
				<span>|</span>
				<a href="#"><img src="../image/2021-06-24_172728.png">搜全网</a>
			</div>
			<div class="header-right2 left">
				<a href="#"><img src="../image/2021-06-24_122522.png"></a>
				<a href="#"><img src="../image/2021-06-24_122607.png"></a>
				<a href="#"><img src="../image/2021-06-24_122627.png"></a>
				<a href="#"><img src="../image/2021-06-24_122645.png"></a>
				<a href="#"><img src="../image/2021-06-24_170804.png"></a>
				<a href="#"><img src="../image/2021-06-24_170832.png"></a>
				<a href="Login_page.html" target="_blank">
					<img src="../image/2021-06-25_200600.png">
				</a>
			</div>
		</div>
	</div>
</div>
<!-- 2.网页的轮播图 -->
<div id="banner">
	<div class="container">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><img src="../image/5aa0cddc7bcb4ada8dbddefb5f31d38d.jpg"></div>
				<div class="swiper-slide"><img src="../image/7a3575635cef4146bf2f99c5e0e6c319.jpg"></div>
				<div class="swiper-slide"><img src="
        ../image/a7fa55d29b7241c4920bc1b1eb6ee8fb.jpg"></div>
				<div class="swiper-slide"><img src="../image/658d6da37e8b412c8b2f581e34e9d196.jpg" alt=""></div>
				<div class="swiper-slide"><img src="../image/840aff7a54c946a9ad3ed1e3a9086bb2.jpg"></div>
				<div class="swiper-slide"><img src="../image/3423007737df48c896160602f181c5af.jpg"></div>
				<div class="swiper-slide"><img src="
        ../image/c0e469edc3094adaa9faed071821af7d.jpg"></div>
				<div class="swiper-slide"><img src="
        ../image/dd3fdb9e77f7447cb5ee593fb7bc214f.jpg"></div>
				<div class="swiper-slide"><img src="
        ../image/de83db2fa52b44718b80bf099afe0d83.jpg"></div>
			</div>
			<!-- 如果需要分页器 -->
			<!--     <div class="swiper-pagination"></div> -->
			
			<!-- 如果需要导航按钮 -->
			<!-- <div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div> -->
			
			<!-- 如果需要滚动条 -->
			<div class="swiper-scrollbar"></div>
		</div>
	</div>
</div>
<!-- 3.网页的导航部分 -->
<div id="nav">
	<div class="container">
		<div class="nav-left left">
			<div class="nav-left1 left">
				<h4>片库</h4><span> 全部></span>
				<ul>
					<li><a href="#">近期热门</a></li>
					<li><a href="#">免费电影</a></li>
					<li><a href="#">会员专享</a></li>
					<li><a href="#">最新上线</a></li>
					<li><a href="#">影院大片</a></li>
					<li><a href="#">评分最高</a></li>
				</ul>
			</div>
			<div class="nav-left2 left">
				<h4>地区</h4><span> 全部></span>
				<ul>
					<li><a href="#">近期热门</a></li>
					<li><a href="#">免费电影</a></li>
					<li><a href="#">会员专享</a></li>
					<li><a href="#">最新上线</a></li>
					<li><a href="#">影院大片</a></li>
					<li><a href="#">评分最高</a></li>
				</ul>
			</div>
		</div>
		<div class="nav-right right">
			<div class="nav-right1 left">
				<h4>分类</h4><span> 全部></span>
				<ul>
					<li><a href="#">喜剧</a></li>
					<li><a href="#">悲剧</a></li>
					<li><a href="#">爱情</a></li>
					<li><a href="#">动作</a></li>
					<li><a href="#">枪战</a></li>
					<li><a href="#">犯罪</a></li>
					<li><a href="#">恐怖</a></li>
					<li><a href="#">悬疑</a></li>
					<li><a href="#">动画</a></li>
					<li><a href="#">家庭</a></li>
				</ul>
			</div>
			<div class="nav-right2 left">
				<a href="#">续费会员<br>&nbsp; &nbsp; &nbsp; &nbsp; 看更多vip精彩内容></a>
			</div>
		</div>
	
	</div>
</div>
<!-- 4.电影排行榜 -->
<div id="rank">
	<div class="container">
		<div class="rank-top">
			<h2><a href="#">电影排行榜</a></h2>
			<a href="#">热播榜</a>
			<a href="#">高分榜</a>
			<a href="The_list_of_all.html">更多></a>
		</div>
		<div class="rank-bottom left">
			<div class="rank-left left">
				<video height="250px" controls autoplay="autoplay">
					<source type="video/mp4" src="../video/爱上特种兵第1集-超清720P.mp4">
				</video>
			</div>
			<div class="rank-right left">
				<a href="https://www.iqiyi.com/v_19rsrtew48.html" target="_blank">
					<img src="../image/2021-06-25_124243.png">
				</a>
				<a href="https://www.iqiyi.com/v_10v80jy0mjo.html" target="_blank">
					<img src="../image/2021-06-25_124401.png">
				</a>
				<a href="https://www.iqiyi.com/v_20s64hi78pg.html" target="_blank">
					<img src="../image/2021-06-25_124442.png">
				</a>
			</div>
		</div>
	</div>
</div>
<!-- 5.最新上线 -->
<div id="online">
	<div class="container">
		<div class="online-top">
			<h2><a href="#">最新上线</a></h2>
			<a href="#">最强电影独播专区</a>
			<a href="#">品质齐聚文艺院线</a>
			<a href="#">本周上架></a>
		</div>
		<div class="online-bottom left">
			<a href="https://www.iqiyi.com/v_19rr7r6i2s.html" target="_blank">
				<img src="../image/2021-06-25_125456.png">
			</a>
			<a href="https://www.iqiyi.com/v_117pdl45wnc.html" target="_blank">
				<img src="../image/2021-06-25_125521.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rqt1ubmk.html" target="_blank">
				<img src="../image/2021-06-25_125542.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rsrtew48.html" target="_blank">
				<img src="../image/2021-06-25_125619.png">
			</a>
			<a href="https://www.iqiyi.com/v_1saxq8oxa30.html" target="_blank">
				<img src="../image/2021-06-25_125648.png">
			</a>
			<a href="https://www.iqiyi.com/v_25a0rbs0ar4.html" target="_blank">
				<img src="../image/2021-06-25_125717.png">
			</a>
		</div>
	</div>
</div>
<!-- 6.你的专属影院 -->
<div id="excl">
	<div class="container">
		<div class="excl-top">
			<h2><a href="#">你的专属影院</a></h2>
		</div>
		<div class="excl-bottom left">
			<a href="https://www.iqiyi.com/v_25a0rbs0ar4.html" target="_blank">
				<img src="../image/2021-06-25_131723.png">
			</a>
			<a href="https://www.iqiyi.com/v_10v80jy0mjo.html" target="_blank">
				<img src="../image/2021-06-25_131806.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rrdr331g.html" target="_blank">
				<img src="../image/2021-06-25_133007.png">
			</a>
			<a href="https://www.iqiyi.com/v_havb969q5g.html" target="_blank">
				<img src="../image/2021-06-25_133031.png">
			</a>
			<a href="https://www.iqiyi.com/v_26in6gmya10.html" target="_blank">
				<img src="../image/2021-06-25_133100.png">
			</a>
			<a href="https://www.iqiyi.com/v_dwo6855mlk.html" target="_blank">
				<img src="../image/2021-06-25_133159.png">
			</a>
		</div>
	</div>
</div>
<!-- 7.网络电影 -->
<div id="net">
	<div class="container">
		<div class="net-top">
			<h2><a href="#">网络电影</a></h2>
		</div>
		<div class="net-bottom left">
			<a href="https://www.iqiyi.com/v_20s64hi78pg.html" target="_blank">
				<img src="../image/2021-06-25_133810.png">
			</a>
			<a href="https://www.iqiyi.com/v_20jdj7qfcjw.html" target="_blank">
				<img src="../image/2021-06-25_133832.png">
			</a>
			<a href="https://www.iqiyi.com/v_118jselcx2c.html" target="_blank">
				<img src="../image/2021-06-25_133850.png">
			</a>
			<a href="https://www.iqiyi.com/v_dwo6855mlk.html" target="_blank">
				<img src="../image/2021-06-25_133917.png">
			</a>
			<a href="https://www.iqiyi.com/v_pwrcykgnhk.html" target="_blank">
				<img src="../image/2021-06-25_133937.png">
			</a>
			<a href="https://www.iqiyi.com/v_gqo528uqqw.html" target="_blank">
				<img src="../image/2021-06-25_133957.png">
			</a>
		</div>
	</div>
</div>
<!-- 8.成龙主演的电影 -->
<div id="movie">
	<div class="container">
		<div class="movie-top">
			<h2><a href="#">成龙主演的电影</a></h2>
		</div>
		<div class="movie-bottom left">
			<a href="https://www.iqiyi.com/v_1qna241xht8.html" target="_blank">
				<img src="../image/2021-06-25_192938.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rrmy6d0o.html" target="_blank">
				<img src="../image/2021-06-25_193011.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rrjcey3w.html" target="_blank">
				<img src="../image/2021-06-25_193033.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rs77glak.html" target="_blank">
				<img src="../image/2021-06-25_193107.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rrnzltks.html" target="_blank">
				<img src="../image/2021-06-25_193126.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rrj6sok8.html" target="_blank">
				<img src="../image/2021-06-25_193230.png">
			</a>
		</div>
	</div>
</div>
<!-- 9.枪战电影排行榜 -->
<div id="gun">
	<div class="container">
		<div class="gun-top">
			<h2><a href="#">枪战电影排行榜</a></h2>
		</div>
		<div class="gun-bottom left">
			<a href="https://www.iqiyi.com/v_1h3q80qrie8.html" target="_blank">
				<img src="../image/2021-06-25_194554.png">
			</a>
			<a href="https://www.iqiyi.com/v_1umxqivbl5w.html" target="_blank">
				<img src="../image/2021-06-25_194614.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rx3yv93o.html" target="_blank">
				<img src="../image/2021-06-25_194633.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rvwniql4.html" target="_blank">
				<img src="../image/2021-06-25_194651.png">
			</a>
			<a href="https://www.iqiyi.com/v_19ru1rclcs.html" target="_blank">
				<img src="../image/2021-06-25_194709.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rz36yhq0.html" target="_blank">
				<img src="../image/2021-06-25_194738.png">
			</a>
		</div>
	</div>
</div>
<!-- 10.豆瓣电影top250 -->
<div id="office">
	<div class="container">
		<div class="office-top">
			<h2><a href="#">豆瓣电影top250</a></h2>
		</div>
		<div class="office-bottom left">
			<a href="https://www.iqiyi.com/v_19rrjbdi0s.html" target="_blank">
				<img src="../image/2021-06-25_195826.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rra0h3wg.html" target="_blank">
				<img src="../image/2021-06-25_195841.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rra10k7w.html" target="_blank">
				<img src="../image/2021-06-25_195902.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rrjcjae8.html" target="_blank">
				<img src="../image/2021-06-25_195927.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rr9gh53c.html" target="_blank">
				<img src="../image/2021-06-25_195954.png">
			</a>
			<a href="https://www.iqiyi.com/v_19rrhxxnck.html" target="_blank">
				<img src="../image/2021-06-25_200016.png">
			</a>
		</div>
	</div>
</div>
<!-- 11.底部 -->
<div id="footer">
	<div class="container">
		<div class="footer-top1 left">
			<a href="#">公司介绍</a>
			<a href="#">新闻动态</a>
			<a href="#">联系方式</a>
			<a href="#">爱奇艺招聘</a>
			<a href="#">Investor Relations</a>
			<a href="#">Media Center</a>
			<a href="#">内容合作</a>
			<a href="#">广告合作</a>
			<a href="#">会员合作</a>
			<a href="#">技术合作</a>
			<a href="#">爱奇艺号</a>
			<a href="#">互动视频标准</a>
			<a href="#">用户协议</a>
		</div>
		<div class="footer-top2 left">
			<a href="#">历史协议文本</a>
			<a href="#">隐私政策</a>
			<a href="#">帮助与反馈</a>
			<a href="#">侵权举报与投诉</a>
		</div>
		<div class="footer-bottom left">
			<a href="#">反盗版和反盗链权利声明</a><span>Copyright © 2021</span>
			<a href="#">爱奇艺</a><span>All Rights Reserved</span>
		
		</div>
	</div>
</div>
<script src="../js/swiper-bundle.min.js"></script>
<script>
	var mySwiper = new Swiper('.swiper-container', {
		// direction: 'vertical', // 垂直切换选项
		loop: true, // 循环模式选项
		autoplay: {
			delay: 2500,
			disableOnInteraction: false,
		},
		// 如果需要分页器
		// pagination: {
		//   el: '.swiper-pagination',
		// },
		
		// 如果需要前进后退按钮
		// navigation: {
		//   nextEl: '.swiper-button-next',
		//   prevEl: '.swiper-button-prev',
		// },
	})
</script>

</body>
</html>
